@charset "UTF-8";

.mz-left-include {
    height: 100%;
    float: left;
}

.mz-left-nav {
    font-size: 12px;
    width: 101px;
    background-color: #FBFBFB;
    text-align: center;
    height: 100%;
    position: relative;
}


.mz-left-nav li:last-child {
    position: absolute;
    bottom: 18px;
}

.mz-left-nav li a {
    color: #373737;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 101px;
    height: 70px;
}

.mz-left-nav>li:nth-of-type(2) a{
     background: url(../../img/home.png) no-repeat;
     background-size: 32px 30px;
     background-position: top center;
     background-position-y: 5px;
 }

.mz-left-nav>li:nth-of-type(3) a{
    background: url(../../img/tv.png) no-repeat;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(4) a{
    background: url(../../img/variety.png) no-repeat;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}


.mz-left-nav>li:nth-of-type(5) a{
    background: url(../../img/mission.png) no-repeat;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(6) a{
    background: url(../../img/user.png) no-repeat;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(2) a.active,
.mz-left-nav>li:nth-of-type(2) a:hover{
    background: url(../../img/homeRed.png) no-repeat;
    color:#E04242;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(3) a.active,
.mz-left-nav>li:nth-of-type(3) a:hover{
    background: url(../../img/tvRed.png) no-repeat;
    color:#E04242;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(4) a.active,
.mz-left-nav>li:nth-of-type(4) a:hover{
    background: url(../../img/varietyRed.png) no-repeat;
    color:#E04242;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(5) a.active,
.mz-left-nav>li:nth-of-type(5) a:hover{
    background: url(../../img/missionRed.png) no-repeat;
    color:#E04242;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}

.mz-left-nav>li:nth-of-type(6) a.active,
.mz-left-nav>li:nth-of-type(6) a:hover{
    background: url(../../img/userRed.png) no-repeat;
    color:#E04242;
    background-size: 32px 30px;
    background-position: top center;
    background-position-y: 5px;
}


.mz-left-nav>li  .nav-title{
    display: inline-block;
    margin-top: 35px;
}


.redDot{
    display: block;
    position: absolute;
    right: 32px;
    top: 3px;
    background-color: #FF0000;
    border-radius: 50%;
    padding: 0;
    color: white;
    width: 6px;
    height: 6px;
}

@-moz-document url-prefix() {
   .redDot {
        top: -2px;
    }
}


@media all  and (min-width: 1920px) {
    .right-content {
        position: absolute;
        left: 110px;
        padding-left: 3px;
        width: 90%;
        font-size: 14px;
        min-width: 1230px;
        height: 100%;
    }
}


@media all  and (max-width: 1919px) {
    .right-content {
        position: absolute;
        left: 110px;
        padding-left: 3px;
        width: 90%;
        font-size: 14px;
        min-width: 1230px;
        height: 100%;
    }
}

